<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>报修记录</title>
		<link rel="stylesheet" href="../../assets/css/css.css" />
		<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/css/sweetalert/sweetalert.css" />
		<style>
			
			.btn1 .on{
				background-color:#02bb99;
			}
		}
		</style>
		<script type="text/javascript">
			window.onload = function() {
				
				var obtn1 = document.getElementById("search1");
				var obtn2 = document.getElementById("search2");
				
				obtn1.onclick = function() {
					
					if(this.className == 'btn1 active')
						this.className = 'btn1 active';
						
					else {
						this.className = 'btn1 active';
						obtn2.className = 'btn2';
						
					}
				};
				obtn2.onclick = function() {
					if(this.className == 'btn2 active')
						this.className = 'btn2 active';
						
					else {
						this.className = 'btn2 active';
						obtn1.className = 'btn1';
						
					}
				};
			};
		
		</script>
		
	</head>
	<body>
		<!-- 切换按钮 -->
		<div id="myTab" class="nav nav-tabs" style="font-size: 18px;height: 38px;" >
		   	<div class="center" style="padding-top: 10px;padding-bottom:10px; background-color:#f8f8f8;">
				<div class="center-block" style="width:300px;">
					<div class="btn1">
						<a href="#page1" data-toggle="tab"><input type="button" class="on" id="state1"  value="待处理" style="color:#fefefe;border:0;border-radius: 4px;width: 80px;height: 30px;margin-right: 10px;"></a>
						<a href="#page2" data-toggle="tab"><input type="button" class="" id="state2"  value="处理中" style="color:#fefefe;border:0;border-radius: 4px;width: 80px;height: 30px;margin-right: 10px;"></a>
						<a href="#page3" data-toggle="tab"><input type="button" class="" id="state3"  value="已处理" style="color:#fefefe;border:0;border-radius: 4px;width: 80px;height: 30px;"></a>
					</div>
				</div>
				
				<script>
					var list = document.getElementsByTagName('input');
					for(let i = 0;i<list.length;i++) {
						list[i].addEventListener('click',function() {
							for(let i=0;i<list.length;i++) {
								list[i].removeAttribute('class');
							}
							this.setAttribute('class','on')
						})
					};
				</script>
			</div>
		</div>
	
		<!-- tab页切换 -->
		<!-- 待处理 -->
		<div id="myTabContent" class="tab-content">
			<!--  -->
			<div class="tab-pane fade in active" id="page1">
				<div style="padding-top: 15px;" id="repairDiv">
					 
					
				</div>
				<div class="xiamian" style=" text-align: center;padding-top:25px;padding-bottom: 186px;background-color:#f4f4f4; height: 200px;">
					没有更多了...
				</div>
			</div>
			
			<!--处理中  -->
	
			<div class="tab-pane fade " id="page2">
				<div style="padding-top: 15px;" id="repairDiv2">
					
				</div>
				<div class="xiamian" style=" text-align: center;padding-top:25px;padding-bottom: 186px;background-color:#f4f4f4; height: 200px;">
					没有更多了...
				</div>
			</div>
	
			<!-- 已处理 -->
			
			<div class="tab-pane fade" id="page3">
				<div style="padding-top: 15px;" id="repairDiv3">
					 
				</div>
				<div class="xiamian" style=" text-align: center;padding-top:25px;padding-bottom: 186px;background-color:#f4f4f4; height: 200px;">
					没有更多了...
				</div>
			</div>
			<div class="menu_child">
				<button style="border-right: 1px solid #d6d6d6;" class="btn1 active" id="search1"><span class="glyphicon glyphicon-wrench"></span>快捷报修</button>
				<button id="search2" class="btn2"><span class="glyphicon glyphicon-list-alt" ></span>报修记录</button>
			</div>
		</div>
		<script id="repairState" type="text/x-handlebars-template">
	 	 	{{#each rows}}
				{{#compare1 type faultState}}
					<div class="list-group-item" style="width:100%">
	 						<input type="text" id="repairNumber" readonly="readonly" value="{{repairNumber}}"
								size="15px" style="border:0px;width: 55%;"/>
	 						<input type="text" id="type"  readonly="readonly" size="15px" value="个人报修"
								style="border:0px;position: relative;left: 22%;width: 20%;"/>
	 					</div>
						<div class="list-group-item" style="height: 102px;">
					 		<div style="width: 85px;float: left;">
								<a href="#"><img src="../../assets/images/img/a8.png"/></a>
							</div>
					 		<div style="width: 115px;position: absolute;left: 105px;margin-top: 30px;">
								<input type="text"  id="serviceMan" value="{{serviceName}}" readonly="readonly" placeholder="等待分配维修人员" size="22" style="border:0px;"/>
							</div>
					 		<div style="position: absolute;right: 20px;">
								<a href="#"><img src="../../assets/images/img/a5.jpg" /></a>
							</div> 
					    </div>
				    
					    <div class="list-group-item"><img src="../../assets/images/img/a15.jpg"/>
							<input type="text" value="{{hInfo}}" id="hInfo" readonly="readonly" placeholder="居住地址" size="22" style="border:0px;position: relative;left: 5%;"/>
						</div>
					    <div class="list-group-item"><img src="../../assets/images/img/a4.jpg"/>
							<input type="text"  id="time" value="{{createTime}}" readonly="readonly" placeholder="时间" size="22" style="border:0px;position: relative;left: 5%;">
						</div>
	 				    <div class="list-group-item" style="height: 50px;">
		   				    <a><img src="../../assets/images/img/a10.jpg"/></a>
							<input type="text"  id="faultName" value="{{faultName}}" readonly="readonly" placeholder="报修内容" size="22" style="border:0px;position: absolute;left: 20%;bottom: 33%;"/>
		  				    <a href="../../html/wechat_repair/repairInfo.html?faultName={{faultName}}&repairText={{repairText}}"style="text-decoration: none;position: relative;left: 75%;font-size:16px;">详情<img src="../../assets/images/img/a16.png" /></a>
	 				</div>
					<div class="xiamian" style="padding-bottom: 15px;background-color:#f4f4f4;">
						
					</div>
				{{else}}
					<div class="list-group-item">
	 						<input type="text" id="repairNumber" readonly="readonly" value="{{repairNumber}}"
								size="15px" style="border:0px;width: 55%;"/>
	 						<input type="text" value="公共报修" id="type"  readonly="readonly" 
								size="15px" style="border:0px;position: relative;left: 22%;width: 20%;"/>
	 					</div>
						<div class="list-group-item" style="height: 102px;">
					 		<div style="width: 85px;float: left;">
								<a href="#"><img src="../../assets/images/img/a8.png"/></a>
							</div>
					 		<div style="width: 115px;position: absolute;left: 105px;margin-top: 30px;">
								<input type="text"  id="serviceMan" value="{{serviceName}}" readonly="readonly" placeholder="等待分配维修人员" size="22" style="border:0px;"/>
							</div>
					 		<div style="position: absolute;right: 20px;">
								<a href="#"><img src="../../assets/images/img/a5.jpg" /></a>
							</div> 
					    </div>
				    
					    <div class="list-group-item"><img src="../../assets/images/img/a15.jpg"/>
							<input type="text" value="{{hInfo}}" id="houseInfo" readonly="readonly" placeholder="居住地址" size="22" 	style="border:0px;position: relative;left: 5%;"/>
						</div>
					    <div class="list-group-item"><img src="../../assets/images/img/a4.jpg"/>
							<input type="text"  id="time" value="{{createTime}}" readonly="readonly" placeholder="时间" size="22" style="border:0px;position: relative;left: 5%;" />
						</div>
	 				    <div class="list-group-item" style="height: 50px;">
		   				    <a><img src="../../assets/images/img/a10.jpg"/></a>
		   				    <input type="text"  id="faultType" readonly="readonly" value="{{faultName}}" size="22" style="border:0px;position: absolute;left: 20%;bottom: 33%;"/>
		  				    <a href="../../html/wechat_repair/repairInfo.html"style="text-decoration: none;position: relative;left: 75%;font-size:16px;">&nbsp;详情<img src="../../assets/images/img/a16.png"/></a></div>
	 				</div>
					<div class="xiamian" style="padding-bottom: 15px;background-color:#f4f4f4;">
						
					</div>
				{{/compare1}}
			{{/each}}
		</script>
		
		<script src="../../assets/js/jquery.min.js"></script>
		<script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
		<script src="../../assets/js/jquery.cookie.js"></script>
		<script src="../../assets/js/sweetalert/sweetalert.min.js"></script>
		<script src="../../assets/js/validation/bootstrapValidator.js"></script>
		<script src="../../assets/jquery-fileupload/js/jquery.ui.widget.js"></script>
		<script src="../../assets/jquery-fileupload/js/jquery.iframe-transport.js"></script>
		<script src="../../assets/jquery-fileupload/js/jquery.fileupload.js"></script>
		<script src="../../assets/jquery-fileupload/preView.js"></script>
		<script src="../../js/util/handlebars-v4.0.5.js"></script>
		<script src="../../js/util/main.js"></script>
		<script src="../../js/wechat_repair/repairRecord.js"></script>
	</body>

</html>